import React, { PropsWithChildren, useState } from "react";
import { Button } from "antd";
import myImg from '@/media/images/bi/test1.png';

import "./index.less";

type Props = PropsWithChildren<{}>;
function Foo(props: Props) {
  let [count, setCount] = useState(0);
  return (
    <div className="container">
      <h3>图片直接引入不打包</h3> 
      <img src="/web5/static/images/地图.png" width="100px"></img>
      <h3>图片直接引入打包</h3> 
      <img src={myImg} width="100px"></img>
      <h3>计数器: {count}</h3>
      <Button type="primary"
        onClick={() => {
          setCount(count + 1);
        }}
      >
        加1
      </Button>
    </div>
  );
}

export default Foo;
